
<div class="dialog">
  <em class="btn btn-close" (click)="onClose()">X</em>

<h1>请选择角色</h1>
<!-- mat-dialog-title -->
<div mat-dialog-content>
  <ul>
    <li *ngFor="let ut of  data.userTypes"
          [class.active]="ut == setUserType">
      <a href="javascript:;" (click)='doClickUserType(ut)'>
        {{ut.text}}
      </a>
    </li>
  </ul>
</div>


<h1 >请选择班级</h1>
<!-- mat-dialog-title -->
<div mat-dialog-content>

    <ul>
      <li *ngFor='let book of data.message'
      [class.active]="book == setBooked">
        <a href="javascript:;" (click)='doClickBooked(book)'>
          {{book.name}}
        </a>
      </li>
    </ul>

</div>

<div mat-dialog-actions>
  <button mat-button (click)="doYes()"
    color="warn" mat-flat-button="" class="mat-flat-button mat-warn btn"
  >确定</button>
</div>
<!-- <button mat-button [mat-dialog-close]="data.animal" cdkFocusInitial>Ok</button> -->

</div>
